Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / tools / ToolsPageHeader.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3classTff7b72=Ta5d6ff"flex flex-wrap items-center gap-x-2 gap-y-2 pl-1.5 pr-3 sm:pl-2 sm:pr-4 md:pl-4 md:pr-6 py-3 sm:py-4 border-b border-gray-200 dark:border-zinc-800 bg-slate-50 dark:bg-zinc-950 shrink-0 min-w-0"

Tb4b4b4>

Tb4b4b4<Tff7b72RouterLink

Tb4b4b4:Te6edf3toTff7b72=Ta5d6ff"Te6edf3backToTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"inline-flex items-center justify-center gap-0.5 sm:gap-1 rounded-lg pl-0 pr-1.5 sm:pr-2 py-2 min-h-9 min-w-9 sm:min-w-0 text-sm font-medium text-gray-600 dark:text-zinc-300 hover:bg-gray-100 dark:hover:bg-zinc-800/80 transition-colors shrink-0 order-first"

Tb4b4b4:Te6edf3aria-labelTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'tools.back_to_tools'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"chevron-left" Te6edf3classTff7b72=Ta5d6ff"size-6 sm:size-5 shrink-0" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"hidden sm:inline truncate max-w-[8rem]"Tb4b4b4>Tff7b72{{ Te6edf3resolvedBackLabel Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72RouterLinkTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-2 sm:gap-3 min-w-0 flex-1 basis-0"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"p-2 rounded-lg shrink-0" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3iconWrapClassTa5d6ff"Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Tb4b4b4:Te6edf3icon-nameTff7b72=Ta5d6ff"Te6edf3iconTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"size-5 sm:size-6" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3iconClassTa5d6ff" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"min-w-0"Tb4b4b4>

Tb4b4b4<Tff7b72p Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3eyebrowTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400 truncate"Tb4b4b4>

Tff7b72{{ Te6edf3eyebrow Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>

Tb4b4b4<Tff7b72h1 Te6edf3classTff7b72=Ta5d6ff"text-lg sm:text-xl font-bold text-gray-900 dark:text-white truncate"Tb4b4b4>

Tff7b72{{ Te6edf3title Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72h1Tb4b4b4>

Tb4b4b4<Tff7b72p

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3descriptionTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"text-xs sm:text-sm text-gray-500 dark:text-gray-400 line-clamp-2 sm:line-clamp-none"

Tb4b4b4>

Tff7b72{{ Te6edf3description Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3$slotsTb4b4b4.Te6edf3actionsTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-2 shrink-0 ml-auto"Tb4b4b4>

Tb4b4b4<Tff7b72slot Te6edf3nameTff7b72=Ta5d6ff"actions" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"../MaterialDesignIcon.vue"Tb4b4b4;

Tff7b72const Te6edf3ACCENT Tff7b72= Tb4b4b4{

Te6edf3blueTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-blue-100 dark:bg-blue-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-blue-600 dark:text-blue-400"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3indigoTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-indigo-100 dark:bg-indigo-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-indigo-600 dark:text-indigo-400"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3tealTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-teal-100 dark:bg-teal-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-teal-600 dark:text-teal-400"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3purpleTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-purple-100 dark:bg-purple-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-purple-600 dark:text-purple-400"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3greenTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-green-100 dark:bg-green-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-green-600 dark:text-green-400"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3orangeTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-orange-100 dark:bg-orange-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-orange-600 dark:text-orange-400"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3cyanTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-cyan-100 dark:bg-cyan-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-cyan-600 dark:text-cyan-400"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3roseTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-rose-100 dark:bg-rose-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-rose-600 dark:text-rose-400"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3violetTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-violet-100 dark:bg-violet-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-violet-600 dark:text-violet-400"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3amberTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-amber-100 dark:bg-amber-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-amber-600 dark:text-amber-400"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3skyTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-sky-100 dark:bg-sky-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-sky-600 dark:text-sky-400"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3zincTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-zinc-100 dark:bg-zinc-800"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-zinc-600 dark:text-zinc-400"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"ToolsPageHeader"Tb4b4b4,

Te6edf3componentsTff7b72: Tb4b4b4{ Te6edf3MaterialDesignIcon Tb4b4b4}Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3iconTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Te6edf3requiredTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4,

Te6edf3titleTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Te6edf3requiredTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4,

Te6edf3descriptionTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Tff7b72defaultTff7b72: Ta5d6ff"" Tb4b4b4}Tb4b4b4,

Te6edf3eyebrowTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Tff7b72defaultTff7b72: Ta5d6ff"" Tb4b4b4}Tb4b4b4,

Te6edf3accentTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Tff7b72defaultTff7b72: Ta5d6ff"blue"Tb4b4b4,

Te6edf3validatorTff7b72: Tb4b4b4(Te6edf3vTb4b4b4) Tb4b4b4=> Tffa657ObjectTb4b4b4.Te6edf3prototypeTb4b4b4.Te6edf3hasOwnPropertyTb4b4b4.Te6edf3callTb4b4b4(Te6edf3ACCENTTb4b4b4, Te6edf3vTb4b4b4)Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3backToTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tb4b4b4[Tffa657StringTb4b4b4, Tffa657ObjectTb4b4b4]Tb4b4b4, Tff7b72defaultTff7b72: Ta5d6ff"/tools" Tb4b4b4}Tb4b4b4,

Te6edf3backLabelTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Tff7b72defaultTff7b72: Ta5d6ff"" Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3computedTff7b72: Tb4b4b4{

Te6edf3paletteTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Te6edf3ACCENTTb4b4b4[Tff7b72thisTb4b4b4.Te6edf3accentTb4b4b4] Tff7b72|| Te6edf3ACCENTTb4b4b4.Te6edf3blueTb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3iconWrapClassTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tff7b72thisTb4b4b4.Te6edf3paletteTb4b4b4.Te6edf3wrapTb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3iconClassTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tff7b72thisTb4b4b4.Te6edf3paletteTb4b4b4.Te6edf3iconTb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3resolvedBackLabelTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tff7b72thisTb4b4b4.Te6edf3backLabel Tff7b72|| Tff7b72thisTb4b4b4.Te6edf3$tTb4b4b4(Ta5d6ff"app.tools"Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>